<script>
  import Con from "$lib/layouts/container.svelte"

  import Css1 from "$lib/css3/1.svelte"
  import Css2 from "$lib/css3/2.svelte"
  import Css3d from "$lib/css3/Css3d.svelte"

  // import loading from '$lib/css3/loading.svelte';

  import Todo from "$lib/css3/todo.svelte"
  import login from "$lib/css3/login.svelte"
  import model from "$lib/css3/model.svelte"
  import card from "$lib/css3/card.svelte"
  import start from "$lib/css3/start.svelte"

  import fmen from "$lib/css3/fmen.svelte"
  import lb from "$lib/css3/login_button.svelte"
  import lb2 from "$lib/css3/login2.svelte"
  import b3 from "$lib/css3/tancard.svelte"

  import qp from "$lib/css3/qp.svelte"

  import Butten3d from "$lib/css3/button/button.svelte"

  import color from "$lib/css3/color/procolor.svelte"

  import testcss from "$lib/css3/flex.svelte"
  import hover from "$lib/css3/hover.svelte"

  import css3_db from "$lib/css3/transtion_animation/index.svelte"
  import loading from "$lib/css3/loading/loadingindex.svelte"
  // import Butten3d from '$lib/css3/button/3dbutten.svelte'
  //   import b31 from '$lib/css3/button/3dbutton1.svelte'
  //   import bc from '$lib/css3/button/3dbc.svelte'
  // import Flex from '$lib/tailwindcss/flex.svelte'
  // import Bg from '$lib/tailwindcss/bg.svelte'

  let items = [
    loading,
    css3_db,
    hover,
    testcss,
    color,
    Butten3d,
    qp,
    b3,
    lb2,
    lb,
    fmen,
    start,
    card,
    model,
    login,
    Todo,
    // loading,

    Css2,
    Css1,
    Css3d,
  ]
</script>

<Con {items} />
